<template>
  <div id="cesiumContainer"></div>
</template>
<script>
// import * as Cesium from 'cesium/Cesium'
export default {
  data() {
    return {
      viewer: null
    }
  },
  mounted() {
    this.initViewer()
  },
  methods: {
    initViewer() {
      Cesium.Ion.defaultAccessToken =
        'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjZGViNmIwOS0zOWY3LTQ0ZTYtYjg5Yi1jNDEyYzAzZmY1ZmUiLCJpZCI6MTE2OTA2LCJpYXQiOjE2Njk5NjE5NTB9.nN-KM-HnA5STxtweph2Rly5Y9O7bqX1khZKYQlcevHw'
      this.viewer = new Cesium.Viewer('cesiumContainer')
      // this.viewer._cesiumWidget._creditContainer.style.display = 'none' //	去除版权信息
    }
  }
}
</script>
<style scoped>
#cesiumContainer {
  height: 800px;
  width: 100%;
  overflow: hidden;
  background-color: red;
}
</style>
